.datePicker {

    :global(.ant-input) {
        height: 28px;
        font-size: 12px;
        border-color: #d2e4f4;
        border-radius: 2px;

        &:hover {
            border-color: #619cfc;
        }
        
    }

    &.error {
        :global(.ant-input) {
            border-color: #ff6f60;
        }
    }
}

:global(.ant-calendar) {
    width: 252px;
    font-size: 12px;
    border-color: #619cfc;
    border-radius: 2px;
    box-shadow: 0 2px 8px rgba(97, 156, 252, .4);

    :global(.ant-calendar-input-wrap) {
        padding: 3px 10px;
        height: 28px;
        border-bottom-color: #619cfc;
    }

    :global(.ant-calendar-header) {
        border-bottom-color: #d8e6ee;
    }

    :global(.ant-calendar-footer) {
        padding: 0 10px 0 15px;
        line-height: 40px;
        border-top-color: #d8e6ee;
    }

    :global(.ant-calendar-selected-date) {

        :global(.ant-calendar-date) {
            background: #4e8ef7;
        }
    }

    :global(.ant-calendar-today) {

        :global(.ant-calendar-date) {
            border-color: #4e8ef7;
        }
    }

    :global(.ant-calendar-date) {

        &:hover {
            color: #4e8ef7;
            background: #e9f4fe;
        }
    }

    :global(.ant-calendar-disabled-cell) {

        &:global(.ant-calendar-selected-day) {

            :global(.ant-calendar-date) {
                background: #f5f5f5;
            }
        }
    
        &:global(.ant-calendar-today) {
    
            :global(.ant-calendar-date) {
                border: 0;
            }
        }
    
        :global(.ant-calendar-date) {
    
            &:hover {
                color: #bcbcbc;
                background: #f5f5f5;
            }
        }
    }

    :global(.ant-calendar-ok-btn) {
        padding: 0 9px;
        font-size: 12px;
    }
}